<template>
  <div class="body">
    <div class="bird_box">
      <div class="bird">
<!--        鸟的身体-->
        <div class="bird_body">
<!--          头部-->
          <div class="bird_head"></div>
<!--          鸟的左边翅膀-->
          <div class="bird_wing_left">
            <div class="bird_wing_left_top"></div>
          </div>
<!--          鸟的右边翅膀-->
          <div class="bird_wing_right">
            <div class="bird_tail_right_top"></div>
          </div>
<!--          左边尾巴-->
          <div class="bird_tail_left"></div>
<!--          右边尾巴-->
          <div class="bird_tail_right"></div>

        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Bird',
  data() {
  }
}
</script>

<style scoped>

/*设置body的长宽和背景颜色，上面还有一层div id为app的*/
.body {
  width: 100%;
  height: 100vh;
  background-color: rgba(170, 172, 247, 0.8); /* rgba() 使用rgba颜色，0.8设置透明度*/
}

</style>
